<template>
    <div>
        <x-img src="http://cdn.maxstudiozhuhai.com/sxws.jpg?v=1.2"></x-img>
        <grid>
            <grid-item label="作品上传" link="/enroll">
                <img slot="icon" src="../assets/btn/upload.png">
            </grid-item>
            <grid-item label="赛事" link="/activity">
                <img slot="icon" src="../assets/btn/activity.png">
            </grid-item>
            <grid-item label="作品展" link="/vote/1">
                <img slot="icon" src="../assets/btn/photos.png">
            </grid-item>
        </grid>

    </div>
</template>

<script>
  /* eslint-disable indent */
  import PTHeader from '../components/PTHeader.vue'
  import { XImg, Grid, GridItem } from 'vux'

  export default {
        name: 'hello',
        data () {
            return {}
        },
        components: {
            'pt-header': PTHeader,
            XImg,
            Grid,
            GridItem
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
